/**
 * 全局背景样式
 * 为整个客户端添加统一的背景图片
 */

/* 背景容器 */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url('../assets/bukupwe.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.95; /* 轻微透明，避免影响内容可读性 */
}

/* 如果图片不存在，使用渐变色作为后备 */
body {
  background-color: #f5f7fa;
  position: relative;
}

/* 可选：添加模糊效果（取消注释启用） */
/*
body::before {
  filter: blur(3px);
  opacity: 0.8;
}
*/

/* 可选：添加暗色遮罩层，提高文字可读性（取消注释启用） */
/*
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
*/

/* 确保所有内容在背景之上 */
body > * {
  position: relative;
  z-index: 1;
}

/* 特殊页面背景调整 */
/* 登录页面 - 更亮的背景 */
body.login-page::before {
  opacity: 0.9;
}

body.login-page::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

/* 404页面 - 保持现有渐变效果 */
body.error-page::before {
  opacity: 0.3;
}

/* 移动端优化 */
@media (max-width: 768px) {
  body::before {
    background-size: cover;
    background-position: center center;
  }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body::before {
    /* 如果有@2x版本，可以在这里使用 */
    /* background-image: url('../assets/bukupwe@2x.png'); */
    background-size: cover;
  }
}

/* 打印时隐藏背景 */
@media print {
  body::before {
    display: none;
  }
}
